
<div class="right options">
	<div>
        <label><span>Bienvenido {$tipousuario}</span> <a style="font-weight: bold;" href="index.php/public/perfilPersonal">{$login.username}</a></label>
        <a title="Cerrar Sesion" href="index.php/public/logout" class="logout"><img src="files/images/logout.png" /></a>
        <a title="Ayuda" href="#" class="help"><img src="files/images/help.png" /></a>
        <a title="Novedades" href="#" class="novedades"><img src="files/images/novedades.png" /></a>
        <a title="Sugerencia" href="#" class="sugerencia" dialog="div#dlgSugerencia.dialog"><img src="files/images/sugerencia.png" /></a>
    </div>
</div>

<div class="right" style="margin-right: 135px; margin-top: 25px; width: auto;">
	<script>
	$(document).ready(function(){
		$(".search_google").attr("method", "GET");
		
		$(".search_google .clear_input").click(function(e){
			e.preventDefault();
			$(".search_google input[name=q]").val("");
		});
	});
	</script>
	<script type="text/javascript" src="http://www.google.com.pe/coop/cse/brand?form=cse-search-box&amp;lang=es"></script>
	<form class="search_google" action="http://www.google.com.pe" id="cse-search-box" target="_blank">
	    <input type="hidden" name="cx" value="partner-pub-0158011860613218:7237055104" />
	    <input type="hidden" name="ie" value="UTF-8" />
	    <div class="input_x">
	    	<input type="text" class="textbox" placeholder="Buscar en google" name="q" size="55" style="width: 300px; vertical-align: middle"  />
	    	<a class="clear_input" href="#" to_input="alumno"><img src="files/images/clear.png" /></a>
	    </div>
	    <input type="submit" class="submit" name="sa" value="Buscar" style="vertical-align: middle" />
	</form>
</div>


{assign var="partes" value=explode("/", $content)}
{assign var="url" value=""}
{foreach from=$partes key="k" item="p"}
	{if $k eq (count($partes)-1)}
		{assign var="url" value=$url|cat:"_help"|cat:$p}
	{else}
		{assign var="url" value=$url|cat:$p|cat:"/"}
	{/if}
{/foreach}
<script type="text/javascript">
$(document).ready(function(){
	$(".options .help").click(function(e){
    	e.preventDefault();
    	$.ajax({
    		url:"index.php/public/help",
    		data:{ url:"{$url}" },
    		success:function(response){
    			$("#dlgHelp > div").html(response);
    			$("#dlgHelp").dialog("open");
    			setTimeout(function(){ $("#dlgHelp > div").getNiceScroll().resize(); }, 500);
    			$("#dlgHelp > div").getNiceScroll().show();
    		}
    	})
    });
    $("#dlgHelp > div").niceScroll({ cursorwidth:"7px", cursorcolor:"#769CD0" })
    
    $(".options .novedades").click(function(e){
    	e.preventDefault();
    	$.ajax({
    		url:"index.php/public/novedades",
    		data:{ url:"{$login.tipousuario}/_novedades.html" },
    		success:function(response){
    			$("#dlgNovedades > div").html(response);
    			$("#dlgNovedades").dialog("open");
    			setTimeout(function(){ $("#dlgNovedades > div").getNiceScroll().resize(); }, 500);
    			$("#dlgNovedades > div").getNiceScroll().show();
    		}
    	})
    });
    $("#dlgNovedades > div").niceScroll({ cursorwidth:"7px", cursorcolor:"#769CD0" })

});
</script>

<div class="dialog other normal_help" id="dlgHelp" url="{$url}">
	<div class="scrollable" style="width: 800px; height: 500px;">
	
	</div>
</div>

<div class="dialog other normal_novedades" id="dlgNovedades">
	<div class="scrollable" style="width: 800px; height: 500px;">
	
	</div>
</div>
